﻿/* Black theme*/

.t-widget,
.t-input
{
    border-color: #080808;
    /*font-size: .75em; /* 12px base, if there are no inherited font-sizes (MVC default) */
    background-color: #4f4f4f;
}

/* .small .t-widget { font-size: .687em; } /* 11px base, if there are no inherited font-sizes (MVC default) */

.t-header,
.t-grid-header
{
    border-color: #080808;
    background: #050505 url('Black/sprite.png') repeat-x 0 -752px;
}

.t-icon { background-image: url('Black/sprite.png'); }
.t-editor .t-tool-icon { background-image: url('Black/editor.png'); }

.t-loading,
.t-widget .t-loading { background: transparent url('Black/loading.gif') no-repeat 0 0; }

.t-widget,
.t-link,
.t-popup,
.t-input
{
    color: #fff;
}

.t-other-month .t-link
{
    color: #6f6f6f;
}

.t-group,
.t-content,
.t-editable-area
{
    border-color: #080808;
    background-color: #4f4f4f;
}

.t-colorpicker .t-arrow-down
{
    border-color: #080808;
}

.t-separator
{
    border-color: #323232;
    background-color: #080808;
}

.t-alt
{
    background-color: #494949;
}

.t-state-default
{
    border-color: #080808;
}

.t-active-filter
{
    background-color: #363636;
}

.t-state-hover,
.t-state-hover .t-link
{
    color: #9eda29;
}

.t-state-hover,
.t-state-hover:hover
{
    background-color: #2c2c2c;
    border-color: #080808;
}

.t-state-active
{
    background-color: #4f4f4f;
    border-color: #080808;
}

.t-state-selected
{
    background: #1c1c1c;
    border-color: #000;
}

.t-state-focused
{
    background-color:#2c2c2c;
}

.t-state-error
{
    border-color: #f00;
    background-color: #ffc0cb;
}

.t-button
{
	border-color: #080808;
	color: #fff;
}

.t-button,
button.t-button.t-state-disabled:hover,
a.t-button.t-state-disabled:hover,
.t-state-disabled .t-button:hover
{
    background: #050505 url('Black/sprite.png') repeat-x 0 -560px;
}

.t-button:hover
{
    background-position: 0 -624px;
    background-color: #131313;
    color: #9eda29;
}

.t-state-disabled,
.t-state-disabled:hover,
.t-state-disabled .t-link,
.t-state-disabled .t-button
{
    color: #787878;
}

.t-header .t-state-disabled
{
    border-color:#4f4f4f;
}

.t-popup,
.t-menu .t-group
{
    -moz-box-shadow: 2px 2px 2px #222;
    -webkit-box-shadow: 2px 2px 2px #222;
    box-shadow: 2px 2px 2px #222;
}

.t-toolbar,
.t-grouping-header,
.t-grid-pager,
.t-widget .t-status
{
    border-color: #080808;
    background-color: #2c2c2c;
}

.t-grid td
{
    border-color: #454545;
}

.t-grouping-row td
{
    background: #4f4f4f url('Black/sprite.png') repeat-x 0 -48px;
}

.t-footer-template td
{
    background-color: #2e2e2e;
    border-color: #080808 #2e2e2e;
}

.t-group-footer td
{
    background-color: #2e2e2e;
    border-color: #080808;
}

.t-grid-footer,
.t-grid-footer-wrap table
{
    background-color: #2e2e2e;
    border-color: #080808;
}

.t-grouping-header .t-group-indicator
{
    color: #333;
    border-color: #666;
}

.t-grouping-dropclue
{
    background: url('Black/sprite.png') no-repeat -48px -288px;
}

.t-grouping-row .t-group-cell,
.t-grouping-row p
{
    background: #4f4f4f;
}

.t-drag-clue
{
    color: #fff;
}

.t-treeview .t-drop-clue
{
    background-image: url('Black/sprite.png');
    background-position: 0 -358px;
}

.t-panelbar .t-link,
.t-panelbar .t-group,
.t-panelbar .t-content
{
    border-color: #000;
}

.t-calendar th
{
    background-color: #383838;
    border-color: #202020;
}

.t-treeview-lines .t-top,
.t-treeview-lines .t-mid,
.t-treeview-lines .t-bot
{
    background-image: url('Black/treeview-nodes.png');
}

.t-rtl .t-treeview-lines .t-top,
.t-rtl .t-treeview-lines .t-mid,
.t-rtl .t-treeview-lines .t-bot
{
    background-image: url('Black/treeview-nodes-rtl.png');
}

.t-treeview-lines .t-item { background-image: url('Black/treeview-line.png'); }
.t-treeview-lines .t-last { background-image: none; }

div.t-window
{
    -moz-box-shadow: 0 0 5px 2px #222;
    -webkit-box-shadow: 0 0 5px 2px #222;
    box-shadow: 0 0 5px 2px #222;
}

.t-editor-button .t-state-hover
{
    border-color: #565656 #111 #111 #565656;
    background-color: #232323;
}

.t-editor-button .t-state-active
{
    border-color: #030303 #1f1f1f #1f1f1f #030303;
    background-color: #050505;
}

/*Slider*/

.t-slider .t-draghandle
{
	background-image:url('Black/sprite.png');
	color:#080808;
}

.t-slider-track
{
	border-color:#4a4a4a;
}

.t-slider-horizontal .t-slider-track,
.t-slider-horizontal .t-slider-selection
{
	background-image:url('Black/sprite.png');
}

.t-slider-vertical .t-slider-track,
.t-slider-vertical .t-slider-selection
{
	background-image:url('Black/sprite-vertical.png');
}

.t-slider-horizontal .t-tick
{
    background-image:url('Black/slider-h.gif');
}

.t-slider-vertical .t-tick
{
    background-image:url('Black/slider-v.gif');
}

.t-state-disabled .t-slider-wrap .t-slider-items
{
    color:#ccc;
}

/*Tooltip*/

.t-tooltip
{
	background:#050505 0 -560px repeat-x url('Black/sprite.png');
}

.t-callout
{
	background-image:url('Black/sprite.png');
}

/* Splitter */

.t-splitbar-vertical,
.t-splitbar-horizontal
{
    background-color: #262628;
}

.t-splitbar-vertical,
.t-ghost-splitbar-vertical
{
    background-image: url('Black/sprite.png');
}

.t-splitbar-horizontal,
.t-ghost-splitbar-horizontal
{
    background-image: url('Black/sprite-vertical.png');
}

/* Upload */

.t-dropzone-active,
.t-upload-files
{
    border-color: #080808;
}

.t-dropzone-hovered,
.t-upload-files
{
    background-color: #2c2c2c;    
}

.t-dropzone em
{
    color: #848484;
}

.t-progress,
.t-progress-status
{
    background-image: url('Black/sprite.png');
}

.t-progress
{
    background-position: 0 -465px;
    border-color: #4a4a4a #474747;
}

.t-progress-status
{
    background-position: 0 -472px;
    border-color: #9eda29 transparent #456408;
}

/* ImageBrowser */

.t-imagebrowser .t-content
{
    background: #3d3d3d;  
}

.t-breadcrumbs .t-first,
.t-breadcrumbs .t-first:hover,
.t-search-wrap label,
.t-tiles-arrange
{
    color: #a1a1a1;
}

.t-toolbar .t-upload .t-button,
.t-tiles-arrange a
{
    color: #fff;
}

.t-tiles
{
    border-color: #222;
    background: #4f4f4f;
}

.t-tile
{
    border-color: #4f4f4f;
    background:0 100px repeat-x url('Black/imagebrowser.png');
}

.t-tiles li.t-state-hover
{
    border-color: #080808;
    background-position: 0 0;
}

.t-tiles li.t-state-selected
{
    border-color: #080808;
    background-position: 0 -100px;
}

.t-tile .t-folder
{
    background-image:url('Black/imagebrowser.png');
}

.t-tile em,
.t-tile .t-filesize,
.t-tile-empty strong
{
    color: #7d7d7d;
}
